<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>课程</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	</head>
	<body>
		<div class="web">
			<header>
				<div class="head clearfix">
					<div class="head_left fl">
						<ul class="fl">
							<li class="fl"><h3>路德联盟</h3></li>
							<li class="fl"><a href="">首页</a></li>
							<li class="fl"><a href="">培训考证</a></li>
							<li class="fl"><a href="">交易社区</a></li>
							<li class="fl"><a href="">平台资讯</a></li>
							<li class="fl"><a href="">渠道合作</a></li>
							<li class="fl"><a href="">路德联盟</a></li>
						</ul>
					</div>
					<div class="head_right fr">
						<form action="" method="post" class="fl">
							<button><img src="img/so.png" alt="" /></button>
							<input type="text" value="" class="text" placeholder="搜索帖子、用户或教程.."/>
						</form>
						<ul class="fl gou">
							<li class="fl c"><a href="">
								<img src="img/c.png" alt="" />
								<span>购物车</span>
								<div class="cc" style="font-size: 20px;color: #000000;text-align: center;line-height: 100px;">
									购物车为<span style="color: red;">空</span>
								</div>
							</a></li>
							<li class="fl"><a href="">
								<img src="img/shou.png"/>
								<span>客户端</span>
							</a></li>
							<li class="fl"><a href="">
								<img src="img/d.png"/>
								<span>消息</span>
							</a></li>
							<li class="fl renren">
								<a href="" class="yuan"></a>
								<div class="ren">
									<ul>
										<li><a href="#">人物</a></li>
										<li><a href="#">钱包</a></li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</header>
			<section>
				<div class="nav">
					<img src="img/nav.png" alt="" />
					<img src="img/mmexport1505800104132.jpg" alt="" class="left_img"/>
					<img src="img/mmexport1505800104132.jpg" alt="" class="right_img"/>
				</div>
				<div class="nav_cont clearfix">
					<div class="nav_left fl">
						<video width="100%" height="100%" autoplay preload="auto" controls>
							<source src="mediea/80s.mp4" type="video/mp4"></source>
							<source src="mediea/80s.ogv" type="video/ogg"></source>
							<source src="mediea/80s.webm" type="video/webm"></source>
							<!--加载flash-->
							<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
								<param name="movie" value="myvideo.swf" />
								<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
							</object>
							
							当前浏览器不支持 video直接播放，点击这里下载视频： <a href="mediea/80s.webm">下载视频</a>
						</video>
					</div>
					<div class="nav_right fl">
						<ul>
							<li><h2>逻辑形态理论</h2></li>
							<li class="clearfix fen">
								<a href="#"><div class="fl">
									<p>0</p>
									<p>直播课时</p>
								</div></a>
								<a href="#"><div class="fl">
									<p>0</p>
									<p>视频课时</p>
								</div></a>
							</li>
							<li class="wen">
								本系列课程在《逻辑形态理论》本系列课程在《逻辑形态理论》本系列课程在《逻辑形态理论》本系列课程在《逻辑形态理论》本系列课程在《逻辑形态理论》
							</li>
							<li>
								<a href="#" class="ming">
									我要报名
								</a>
							</li>
						</ul>
					</div>
				</div>
			</section>
			
			
			<main>
				<div class="hot clearfix">
					<h2 class="fl">热门科目</h2>
					<span class="fl">30+科目  300+课程  每天1000+直播</span>
					<a href="#" class="fr">更多></a>
				</div>
				<ul class="clearfix hot_cont">
					<li class="fl">
						<a href="#">
							<img src="img/one.png"/>
							<div class="dian">
								点击进入
							</div>
						</a>
						
					</li>
					<li class="fl">
						<a href="#">
							<img src="img/two.png"/>
							<div class="dian">
								点击进入
							</div>
						</a>
					</li>
					<li class="fl">
						<a href="#">
							<img src="img/three.png"/>
							<div class="dian">
								点击进入
							</div>
						</a>
					</li>
					<li class="fl">
						<a href="#">
							<img src="img/vip.png"/>
							<div class="dian">
								点击进入
							</div>
						</a>
					</li>
					<li class="fl">
						<a href="#">
							<img src="img/five.png"/>
							<div class="dian">
								点击进入
							</div>
						</a>
					</li>
				</ul>
				<div class="hot clearfix">
					<h2 class="fl">精品公开课</h2>
					<a href="#" class="fr">更多></a>
					<ul class="fr tai">
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
					</ul>
				</div>
				<ul class="tai_cont clearfix">
					<li class="fl">
						<a href="">
						<div class="tai_img"></div>
						<p style="font-size: 18px;">标题</p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img"></div>
						<p style="font-size: 18px;">标题</p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img"></div>
						<p style="font-size: 18px;">标题</p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img"></div>
						<p style="font-size: 18px;">标题</p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img"></div>
						<p style="font-size: 18px;">标题</p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img"></div>
						<p style="font-size: 18px;">标题</p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img"></div>
						<p style="font-size: 18px;">标题</p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img"></div>
						<p style="font-size: 18px;">标题</p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
				</ul>
			</main>
			<main class="da">
				<div class="hot clearfix">
					<h2 class="fl">直播课程</h2>
					<a href="#" class="fr">更多></a>
					<ul class="fr tai">
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
					</ul>
				</div>
				<ul class="tai_cont clearfix">
					<li class="fl">
						<a href="">
						<div class="tai_img bb">
							直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span class="ko">公开</span><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span class="ko">公开</span><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span class="ko">公开</span><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span class="ko">公开</span><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span class="ko">公开</span><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span class="ko">公开</span><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span class="ko">公开</span><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span class="ko">公开</span><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
				</ul>
			</main>
			<main>
				<div class="hot clearfix">
					<h2 class="fl">课程</h2>
					<a href="#" class="fr">更多></a>
					<ul class="fr tai">
						<li class="fl"><a href="#">太极交易</a></li>
						<li class="fl"><a href="#">太极交易</a></li>
					</ul>
				</div>
				<ul class="tai_cont clearfix">
					<li class="fl">
						<a href="">
						<div class="tai_img bb">
							直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
					<li class="fl">
						<a href="">
						<div class="tai_img bb">直播视频
							<img src="img/bo.png" alt="" class="bb_img"/>
						</div>
						<p style="font-size: 18px;"><span style="vertical-align: middle;">标题</span></p>
						<p class="clearfix">
							<span class="fl">主讲人：穆罕默德·阿里</span>
							<span class="fr blue">伊斯兰</span>
						</p>
						</a>
					</li>
				</ul>
			</main>
		</div>
	</body>
</html>
